<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="centre/manage/include :: header"></head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<body class="gray-bg">
<input type="hidden" id="brandId" name="brandId" th:value="${brandId}">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12">
        <div class="ibox"><div class="ibox-body">
            <div class="fixed-table-toolbar">
                <div class="columns pull-left col-md-2 nopadding">
                </div>

                <div class="columns pull-left">
                    <label style="font-weight: 700;float: left;padding: 3px 10px;line-height: 2;font-size: 15px">
                        <i class="fa fa-exchange"></i>
                    </label>
                </div>

                <div class="columns pull-left col-md-3 nopadding">
						<span class="input-group-btn">
							<button onclick="save()" type="button" class="btn btn-sm btn-primary">确定
							</button>
						</span>
                </div>

            </div>
            <table id="selectcategoryTable" data-mobile-responsive="true"></table>
        </div></div>
    </div>

</div>
<div th:include="include::footer"></div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>
<!-- <script src="/js/appjs/product/manage.js"></script> -->
</body>
<script>
    function closeDow() {
        var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
        parent.layer.close(index);
    }

    $('#brandId').selectpicker({
        'selectedText': 'cat',
        'noneSelectedText':'请选择分类',
        'deselectAllText':'全不选',
        'selectAllText': '全选',
    });

    var prefix = "/reservationBrandCategory/manage";
    var selectProduct = [];
    $(function() {
        load();
    });
    function reLoad() {
        $('#selectcategoryTable').bootstrapTable('refresh');
    }
    function load() {
        $('#selectcategoryTable').bootstrapTable({
            method : 'get', // 服务器数据的请求方式 get or post
            url : prefix + "/cancelLinkProductCentreList", // 服务器数据的加载地址
            // showToggle : true,
            // iconSize : 'outline',
            // toolbar: '#exampleToolbar',
            striped : true, // 设置为true会有隔行变色效果
            dataType : "json", // 服务器返回的数据类型
            pagination : true, // 设置为true会在底部显示分页条
            pageList : [ 10, 20, 50,100,200],
            // queryParamsType : "limit",
            // //设置为limit则会发送符合RESTFull格式的参数
            singleSelect : false, // 设置为true将禁止多选
            // contentType : "application/x-www-form-urlencoded",
            // //发送到服务器的数据编码类型
            pageSize : 10, // 如果设置了分页，每页数据条数
            pageNumber : 1, // 如果设置了分布，首页页码
            // search : true, // 是否显示搜索框
            //showColumns : true, // 是否显示内容下拉框（选择显示的列）
            sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
            // "server"
            queryParams : function(params) {
                return {
                    offset : params.offset,
                    limit : params.limit,
                    brandId: $("#brandId").val()
                };
            },
            columns : [
                {
                    checkbox: true
                },
                {
                    field : 'id', // 列字段名
                    title : '商品id' // 列标题
                },
                {
                    field : 'centreId',
                    title : '商户id'
                },
                {
                    field : 'title',
                    title : '商品名'
                },
                {
                    field : 'ccateName',
                    title : '归属分类'
                },
                {
                    field : 'thumb', // 列字段名
                    title : '商品图片', // 列标题
                    formatter : function (value, row, index) {
                        return "<img src='"+value+"' style='width:50px;height:50px;' />";
                    }
                }
                ,
                {
                    field : 'status',
                    title : '上架状况',
                    formatter: function (value, row, index) {
                        if (value == 0) {
                            return "<span class='btn btn-sm btn-success'>未上架</span>";
                        }
                        if (value == 1) {
                            return "<span class='btn btn-sm btn-info'>已上架</span>";
                        }else {
                            return "<span class='label label-default'>其他状况</span>";
                        }
                    }
                }
                ,
                {
                    field : 'deleted',
                    title : '删除状况',
                    formatter: function (value, row, index) {
                        if (value == 0) {
                            return "<span class='btn btn-sm btn-success'>已删除</span>";
                        }
                        if (value == 1) {
                            return "<span class='btn btn-sm btn-info'>未删除</span>";
                        }else {
                            return "<span class='label label-default'>状态异常</span>";
                        }
                    }
                }]
        });
    }

    //选择商品
    function select_goods(id){
        var isHas = false;
        for(var i=0; i<selectProduct.length; i++){
            if(id==selectProduct[i]){
                isHas = true;
                selectProduct.splice(i,1);
            }
        }
        if(isHas){
            $('.sel'+id).removeClass("fa-check fa-check1")
            $('.sel'+id).addClass("fa-plus")
        }else{
            selectProduct.push(id);
            $('.sel'+id).removeClass("fa-plus")
            $('.sel'+id).addClass("fa-check fa-check1")
        }
    }

    //选择商品保存
    function save() {
        var pids = [];
        var brandId=$("#brandId").val();
        //批量回调
        var rows = $('#selectcategoryTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
        if (rows.length == 0) {
            layer.msg("请选择需要解绑的商品");
            return;
        }
        // 遍历所有选择的行数据，取每条数据对应的ID
        $.each(rows, function (i, row) {
            pids[i] = row['id'];
        });

        layer.confirm("确认要挑选'" + rows.length + "'条分类数据吗?", {
            btn: ['确定', '取消']
            // 按钮
        }, function () {
            $(".layui-layer-btn0").hide();
            //防止重复点击
            layer.open({type:1,title:false,closeBtn:false});

            parent.setCancelLinkProductCentre(brandId, pids);
            parent.layer.msg("商品解绑完成!");
            var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
            parent.layer.close(index);
        });

    }
</script>
</html>